.homepage_list {
  dl:hover {
    cursor: pointer;

    .itemtitle {
      color: #ff007d;
    }
  }

  dl {
    position: relative;
    width: 100%;
    padding: 0;
    border-radius: 5px;
    margin-right: 14px;
    border-radius: var(--border-radius);
    background-color: var(--bg-second);
    box-shadow: var(--box-shadow);
    overflow: hidden;
    transition: transform .3s;
    display: flex;
    flex-wrap: nowrap;
    padding: .8rem;
    margin-bottom: 1rem;

    dt {
      flex: 0 0 auto;
      width: 50%;
      border-radius: var(--border-radius);
      margin-right: 1rem;
      overflow: hidden;

      img {
        width: 100%;
      }
    }

    dd {
      display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: space-between;
      padding: 1rem;
      overflow: hidden;

      .itemtitle {
        color: var(--main-text-color);
        overflow: hidden;
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-synthesis: style;
      }

      .itemtext {
        display: -webkit-box;
        max-width: 100%;
        margin-top: .5rem;
        color: var(--second-text-color);
        overflow: hidden;
        font-size: 14px;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
      }

      .data {
        width: 100%;
        padding-top: .5rem;
        color: #8590a6;
        font-size: 14px;
        line-height: 20px;
      }
    }
  }

}
